<template lang="pug">
  div.page.page-1
    div.side-bar.left
      ModuleElectricity
      ModuleLabour
      ModuleAgricultural
    div.center
       ModuleMedicalData(:medicalData="MedicalData")
       ModuleMedicalDataCopy(:medicalData="MedicalData")
    div.side-bar.right
      ModuleFood
      ModuleVegetables
      ModuleMeat
</template>

<script>
import ModuleMedicalData from "./components/ModuleMedicalData";
import ModuleMedicalDataCopy from "./components/ModuleMedicalDataCopy";
import ModuleElectricity from "./components/ModuleElectricity";
import ModuleLabour from "./components/ModuleLabour";
import ModuleAgricultural from "./components/ModuleAgricultural";
import ModuleFood from "./components/ModuleFood";
import ModuleVegetables from "./components/ModuleVegetables";
import ModuleMeat from "./components/ModuleMeat";
import {mapMutations} from "vuex";

export default {
  name: "index",
  components: {
	ModuleMedicalData,
	ModuleMedicalDataCopy,
    ModuleElectricity,//农村用电量
	ModuleLabour,//乡村劳动力
    ModuleAgricultural,//农林木鱼业从业人员
	ModuleFood,//粮食作物
	ModuleVegetables,//蔬菜瓜果
	ModuleMeat,//肉类
  },
  data() {
    return {
		MedicalData: [
		  {
		    label: '主粮',
		    value: 0,
		    suffix: "户",
		    fontSize: 50
		  },
		  {
		    label: '集体经济组织',
		    value: 0,
		    suffix: "人",
		    fontSize: 30
		  },
		  {
		    label: '新建集体经济组织',
		    value: 0,
		    suffix: "个",
		    fontSize: 30
		  },
		  {
		    label: '代管资金',
		    value: 0,
		    suffix: "万元",
		    fontSize: 30
		  },
		  {
		    label: '村委会资金',
		    value: 0,
		    suffix: "万元",
		    fontSize: 30
		  },
		  {
		    label: '组织资金',
		    value: 0,
		    suffix: "万元",
		    fontSize: 30
		  },
		],
    }
  },
  methods: {
    ...mapMutations({
      // 设置点位
      setMarkers: 'map/SET_MARKERS',
      // 清除点位
      clearMarkers: 'map/CLEAR_MARKERS',
      setNetworkError: 'network/SET_NETWORK_ERROR',
    }),
  },
  mounted() {}
}
</script>

<style lang="scss" scoped>
.page-1{
  flex: 1;
  display: flex;
  .side-bar{
    min-width: rem(400);
    display: flex;
    flex-direction: column;
    &.right{
      width: rem(400);
    }
  }
  .center{
    flex: 1;
  }
}
</style>
